<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="renderer" content="webkit">
    <title>向荣公益基金会新年问候</title>
    <link rel="stylesheet" href="__ROOT__/H5/font/SourceHanSansCN-Heavy.css">
    <link rel="stylesheet" href="__ROOT__/H5/swiper/animate.min.css">
    <script src="__ROOT__/H5/swiper/swiper.animate.min.js"></script>
    <script src="__ROOT__/H5/swiper/jquery-1.11.3.min.js"></script>
</head>


<!-- js响应式rem单位 -->
<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if(clientWidth>=640){ docEl.style.fontSize = '100px'; }else{ docEl.style.fontSize = 100 * (clientWidth / 640) + 'px'; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);
</script>
<!-- js响应式rem单位 end -->

<body>

<audio id='audio' autoplay="autoplay" loop="loop">
    <source src="http://www.nhfoundation.cn/zongjie.mp3" type="audio/mpeg" />
</audio>
<!-- Swiper -->
<div class="swiper-container swiper-container-v">
    <div class="swiper-wrapper">
        <if condition="$conclusion.empty == 1">
            <elseif condition="$conclusion.empty == 2"/>
            <div class="swiper-slide indexPage01">
                <div class="indexPage01Con">
                    <div class="p1 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"><span class="op02 fMedium">向荣公益基金会</span></div>
                    <div class="p2 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"><span class="op02 fHeavy">NEW HORIZON CHARITY FOUDATION</span></div>
                    <div class="p3 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"><span class="op02 fAvenirBlack">2018</span></div>
                    <div class="p4 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s"><span class="op78 fMedium">向荣致谢<br>爱与信任不可辜负</span></div>
                    <form action="{:U('Home/conclusion/index')}" method="get" class="IndexInput op65">
                        <ul>
                            <li class="ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s"><input type="text" placeholder="输入姓名" name="name" class="fNormal"></li>
                            <li class="ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"><input type="text" placeholder="输入手机号" name='mobile' class="fNormal"></li>
                            <li class="p5 ani resize"  class="" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s"><span class="op78 fNormal">获取专属于您的2018向荣爱心日记</span></li>
                            <button type="submit" class="ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.1s">确定</button>
                        </ul>
                    </form>
                </div>
            </div>
            <else/>
            <div class="swiper-slide indexPage00">
                <div class="indexPage00Con">
                    <div class="p1 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"><span class="op02 fMedium">向荣公益基金会</span></div>
                    <div class="p2 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"><span class="op02 fHeavy">NEW HORIZON CHARITY FOUDATION</span></div>
                    <div class="p3 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"><span class="op02 fAvenirBlack">2018</span></div>
                    <div class="p4 ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s"><span class="op78 fMedium">向荣致谢<br>爱与信任不可辜负</span></div>
                    <form action="{:U('Home/conclusion/index')}" method="get" class="IndexInput op65">
                        <ul>
                            <li class="ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
                                <p class="gonext" style="text-decoration: none;color:#fff" >向下翻页进入</p></li>
                            <input type="hidden" name="chakan" value="1">
                            <button type="submit" class="ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.1s">
                                查看我的年度报告</button>
                        </ul>
                    </form>
                </div>
            </div>
            <!-- sec02 -->
            <div class="swiper-slide indexPage02" style="position: relative;">
                <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                <div class="indexPage02Con op08">
                    <div class="topName ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">尊敬的{$conclusion.name}<if condition="$conclusion.gender == 0">先生<else/>女士</if></div>
                    <div class="info ani resize" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                        2019年1月28日，腊月廿三（小年），大寒已过，新春将至。在愈来愈浓的年味里，人们纷纷盘点过往、展望未来，愿流年可忆、来日可期。<br>
                        过去的这一年，向荣初创，带着“使每一名儿童都能享有公平而有质量的教育”的美丽愿景，生根、发芽、茁壮成长。我们深知，向荣的此番成长来之不易，弥足珍贵。它凝结着您与每一位捐赠人对向荣坚定的信任，也承载着所有人对中国偏远农村儿童生存与发展状况的关切与期待。<br>
                        辞旧迎新之时，我们将您在过去一年给予向荣支持的所有片段尽心梳理，连同向荣年度工作进展一起整理，予以汇报，谨表谢意。
                    </div>
                </div>
                <div class="indexPage02InfoBox op08">
                    北京向荣公益基金会 <br>
                    戊戌年腊月廿三（小年）
                </div>
            </div>
            <!-- sec03 -->
            <notempty name="conclusion.km">
                <div class="swiper-slide indexPage03">
                    <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                    <div class="PageTitleAbsolute fooContainer op08">
                        <div class="line01 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">2018 您为向荣公益事业</div>
                        <div class="line02 ani resize" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s">捐赠爱心里程共 <span class="s60c9e4445">{$conclusion.km}</span> 公里</div>
                    </div>
                    <div class="pagesReadMore ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        向左翻页查看更多
                        <span><img src="__ROOT__/H5/images/arro.png" alt="" style="width: .18rem;"></span>
                    </div>
                    <div class="swiper-container swiper-container-h03">
                        <div class="swiper-wrapper">
                            <?php for($i =0 ;$i < count($conclusion['km_intro']);$i++){?>
                            <?php if ($i % 2 == 0) {?>
                            <div class="swiper-slide" >
                                <div class="distancePages op08">
                                    <div class="sec sec01 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <?php echo $conclusion['km_intro'][$i] ?>
                                    </div>
                                    <div class="sec sec02 ani resize" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <?php echo $conclusion['km_intro'][$i+1] ?>
                                    </div>
                                </div>
                            </div>
                            <?php } ?>
                            <?php } ?>
                        </div>
                        <!--<div class="swiper-pagination swiper-pagination-h"></div>-->
                    </div>
                </div>
            </notempty>
            <!--捐赠爱心时间-->
            <notempty name="conclusion.hour">
                <div class="swiper-slide indexPage04">
                    <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                    <div class="PageTitleAbsolute ani resize" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        <div class="op08">
                            <span class="time">2018</span><br>
                            您为向荣公益事业<br>
                            捐赠爱心时间<br>
                            约 <span class="s60c9e4445">{$conclusion.hour}</span> 小时
                        </div>
                    </div>
                    <div class="pagesReadMore ani resize" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        向左翻页查看更多
                        <span><img src="__ROOT__/H5/images/arro.png" alt="" style="width: .18rem;"></span>
                    </div>
                    <div class="swiper-container swiper-container-h03">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <?php for($i =0 ;$i < count($conclusion['hour_intro']);$i++){?>
                                <?php if ($i % 2 == 0) {?>
                                <div class="distancePages op08">
                                    <div class="sec sec01 ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <?php echo $conclusion['hour_intro'][$i] ?>
                                    </div>
                                    <div class="sec sec02 ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                                        <?php echo $conclusion['hour_intro'][$i+1] ?>
                                    </div>
                                </div>
                                <?php } ?>
                                <?php } ?>
                            </div>
                        </div>
                        <!--<div class="swiper-pagination swiper-pagination-h"></div>-->
                    </div>
                </div>
            </notempty>
            <!--捐赠爱心时间 end-->
            <!-- 善款捐赠 -->
            <notempty name="conclusion.money">
                <div class="swiper-slide indexPage05">
                    <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                    <div class="PageTitleAbsolute">
                        <div class="line01 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">2018 您为向荣公益事业</div>
                        <div class="line02 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">捐赠爱心善款 <span class="s60c9e4445">{$conclusion.money}</span> 万元</div>
                    </div>
                    <div class="pagesReadMore ani resize" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        向左翻页查看更多
                        <span><img src="__ROOT__/H5/images/arro.png" alt="" style="width: .18rem;"></span>
                    </div>
                    <div class="swiper-container swiper-container-h03">
                        <div class="swiper-wrapper">
                            <?php for($i =0 ;$i < count($conclusion['money_intro']);$i++){?>
                            <?php if ($i % 2 == 0) {?>
                            <div class="swiper-slide">
                                <div class="distancePages op08">
                                    <div class="sec sec01 ani resize" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                                        <?php echo $conclusion['money_intro'][$i] ?>
                                    </div>
                                    <div class="sec sec02 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
                                        <?php echo $conclusion['money_intro'][$i+1] ?>
                                    </div>
                                </div>
                            </div>
                            <?php } ?>
                            <?php } ?>
                        </div>
                        <!--<div class="swiper-pagination swiper-pagination-h"></div>-->
                    </div>
                </div>
            </notempty>
            <!-- 善款捐赠 end -->
            <!-- 召集爱心伙伴 -->
            <notempty name="conclusion.partner">
                <div class="swiper-slide indexPage06">
                    <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                    <div class="PageTitleAbsolute">
                        <div class="line01 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                            2018 您为向荣公益事业 <br>
                            召集爱心伙伴 <span class="s60c9e4445">{$conclusion.partner}</span> 名<br>
                            爱心企业家 <span class="s60c9e4445">{$conclusion.enterpriser}</span> 家<br>
                        </div>
                    </div>
                    <div class="distancePages ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                        <div class="op08">{$conclusion.partner_intro}</div>
                    </div>
                </div>
            </notempty>
            <!-- 召集爱心伙伴 end -->
            <!-- sec07 -->
            <div class="swiper-slide indexPage07">
                <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                <div class="PageTitleAbsolute">
                    <div class="line01 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        您和所有捐赠人给予向荣的捐赠款向荣均用于乡村儿童公益事业
                    </div>
                </div>
                <div class="distancePages ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                    <div class="op08">
                        截至2018年12月31日，向荣公益基金会共向湖南、贵州、四川、陕西、湖北、安徽、江苏、内蒙、广西、黑龙江等十多个省市的78所乡村学校提供了支持，具体内容包括83个图书角（含7562册图书，55种期刊，83个书柜），21台打印机，43台电脑，为23所学校提供了基本文体设施，为13所存在安全隐患的校园提供了基础施工经费。
                    </div>
                </div>
            </div>
            <!-- sec07 end -->
            <!-- sec08 -->
            <div class="swiper-slide indexPage08">
                <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                <div class="PageTitleAbsolute">
                    <div class="line01 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        在我们资助的学校里，漏雨、透风的门窗已经修缮完毕，今年冬天，孩子们暖和了一些,图书角成了孩子们课间最爱去的地方,在我们资助的学校里，老师们再也不用跑几小时的山路，为孩子们打印试卷。<br>
                        <notempty name="conclusion.note">
                            <div class="op08">
                                {$conclusion.note}
                            </div>
                        </notempty>
                        <!-- <div class="distancePages ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                            <notempty name="conclusion.note">
                            <div class="op08">
                                {$conclusion.note}
                            </div>
                            </notempty>
                        </div> -->
                        <notempty name="conclusion.note_pic">
                            <div style="width: 100%;height: 3rem;border: 1px solid #fff;margin-top: 0.2rem;text-align: center;display: flex;justify-content:center;align-items: center;">
                                <img src="{$conclusion.note_pic}" alt="图片" style="max-height: 100%;max-width: 100%;"></div>
                        </notempty>
                    </div>
                </div>
                <!-- <div class="distancePages ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                    <notempty name="conclusion.note">
                    <div class="op08">
                        {$conclusion.note}
                    </div>
                    </notempty>
                </div> -->
            </div>
            <!-- sec08 end -->
            <!-- sec09 -->
            <div class="swiper-slide indexPage09">
                <img src="__ROOT__/H5/images/next.png" alt="" class="gonext">
                <div class="PageTitleAbsolute">
                    <div class="line01 ani resize" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                        <notempty name="conclusion.yousay">
                            <div class="tit" style="font-size: .48rem;line-height: 2.6em;">{$conclusion.yousay}</div>
                            {$conclusion.yousay_intro}
                        </notempty>
                    </div>
                </div>
                <div class="distancePages ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                    <div class="op08">
                        您对向荣的嘱托与期待，向荣一一记下。2019，向荣将以更加勤勉、严谨、自律的态度对待这份公益事业。
                    </div>
                </div>
            </div>
            <!-- sec09 end -->
            <!-- sec10 -->
            <div class="swiper-slide indexPage10">
                <img src="__ROOT__/H5/images/share.png" alt="" class="sharewx">
                <div class="PageTitleAbsolute">
                    <div class="line01" swiper-animate-effect="fadeInUp" swiper-animate-duration="2s" swiper-animate-delay="0s">
                        <img src="__ROOT__/H5/images/card.png" alt="" style="max-width: 100%;">
                    </div>
                </div>
                <div class="TitBox ani resize" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
                    <div class="op08">
                        北京向荣公益基金会<br>
                        恭祝您新年快乐
                    </div>
                </div>
            </div>
            <!-- sec10 end -->
        </if>
    </div>
    <!-- Add Pagination -->
    <!--<div class="swiper-pagination swiper-pagination-v"></div>-->
</div>

<!-- Swiper JS -->
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="__ROOT__/H5/swiper/swiper.min.css">
<link rel="stylesheet" href="__ROOT__/H5/css/style.css">
<script src="__ROOT__/H5/swiper/swiper.min.js"></script>
<script src="__ROOT__/H5/js/index.js"></script>
<!--<script src="js/scrollreveal.min.js" type="text/javascript"></script>-->
<!-- Initialize Swiper -->
<script>
    //--创建页面监听，等待微信端页面加载完毕 触发音频播放
    document.addEventListener('DOMContentLoaded', function () {
        function audioAutoPlay() {
            var audio = document.getElementById('audio');
            audio.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
            }, false);
        }
        audioAutoPlay();
    });
    //--创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放
    document.addEventListener('touchstart', function () {
        function audioAutoPlay() {
            var audio = document.getElementById('audio');
            audio.play();
        }
        audioAutoPlay();
    });
    scaleW=window.innerWidth/320;
    scaleH=window.innerHeight/480;
    var resizes = document.querySelectorAll('.resize');
    for (var j=0; j<resizes.length; j++) {
        resizes[j].style.width=parseInt(resizes[j].style.width)*scaleW+'px';
        resizes[j].style.height=parseInt(resizes[j].style.height)*scaleH+'px';
        resizes[j].style.top=parseInt(resizes[j].style.top)*scaleH+'px';
        resizes[j].style.left=parseInt(resizes[j].style.left)*scaleW+'px';

    }
    var scales = document.querySelectorAll('.txt');
    for (var i=0; i<scales.length; i++) {
        ss=scales[i].style;
        ss.webkitTransform = ss.MsTransform = ss.msTransform = ss.MozTransform = ss.OTransform =ss.transform='translateX('+scales[i].offsetWidth*(scaleW-1)/2+'px) translateY('+scales[i].offsetHeight*(scaleH-1)/2+'px)scaleX('+scaleW+') scaleY('+scaleH+') ';
    }

    var swiperH = new Swiper('.swiper-container-h03', {
        // spaceBetween: 50,
        pagination: {
            el: '.swiper-pagination-h',
            clickable: true,
        },
        mousewheel: true,
    });
    var swiperV = new Swiper('.swiper-container-v', {
        direction: 'vertical',initialSlide :0,
        // spaceBetween: 50,
        pagination: {
            el: '.swiper-pagination-v',
            clickable: true,
        },
        mousewheel: true,
        on:{
            init: function(){
                swiperAnimateCache(this);
                swiperAnimate(this);
            },
            slideChangeTransitionEnd: function(){
                swiperAnimate(this);
            }
        }
    });
    $('.gonext').click(function(){
        console.log(1)
        swiperV.slideNext();
    })
</script>
<script src="__ROOT__/H5/js/scrollReveal.js"></script>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        (function(){
            window.scrollReveal = new scrollReveal({reset: true});
        })();
    };
</script>

</body>
</html>
